e<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" media="screen" href="jqtouch/jqtouch.css"/>
    <link rel="stylesheet" media="screen" href="themes/default/theme.css"/>
    <link rel="stylesheet" media="screen" href="ride.css"/>
    <title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="jquery-1.5.2.js"></script>
    <script type="text/javascript" src="jqtouch/jqtouch.js"></script>
    <script type="text/javascript" src="ride.js"></script>
</head>
<body onload="initialize()">
<div id="jqt">

    <div id="ity">
        <div>
            <input placeholder="Departure" name="ity:dept:val" type="text">
            <input name="ity:dept" type="button" value="search">
        </div>
        <div id="ity_dept_show"></div>
        <div>
            <input placeholder="Arrival" name="ity:arr:val" type="text">
            <input name="ity:arr" type="button" value="search">
        </div>
        <div id="ity_arr_show"></div>
    </div>

    <div id="mapper">
        <div class="toolbar">
            <h1>Ride</h1>
        </div>
        <div id="map_canvas" style="width:100%; height: 100%;"></div>
        <div id="marker-nav">
            <img src="img/navigation-arrow.png" class="left disabled"/>
            <span class="marker-title">Test Text</span>
            <img src="img/navigation-arrow.png" class="right"/>
        </div>
    </div>
</div>
</body>
</html>